<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
   
    <title>美的电器</title>
</head>
<body>
    <div class="head"><span><script>document.write('</nav> <div class="a"><a href="2.html" target="_parent">注册/登录</a></div></header>')</script></span></div>
  
    <div>
    <iframe src="demo_nav.html" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
   
    <div class="slider-wrapper"><img src="img/x1.jpg" width="100%" height="320px"></div>
    <div class="slider-footer">
<p></p>
<ul class="slider-indicator">
    <li class="active" ></li>
    <li></li>
    <li></li>
    <li ></li>
</ul>
    </div>
    <div class="one">科技尽善 生活尽美</div>
    <div class="two">
        <span class="three"><img src="img/1.jpg"></span>
        <span class="three"><img src="img/2.jpg"></span>
        <span class="three"><img src="img/3.jpg"></span>
        <span class="three"><img src="img/4.jpg"></span>
        <span class="three"><img src="img/5.jpg"></span>
    </div>
   
<div class="four">业务</div>
<div class="shang">
    <span class="ltr"><img src="img/s1.jpg"></span>
    <span class="lt"><h1>智能家居</h1><p class="zhi">美的智能家居，作为智慧家电、智慧家居及周边相关产业和生态链的经营主体，承担面向C端用户的智能化场景搭建，用户运营和数据价值发掘，致力于成为为C端用户提供最佳体验的全屋智能家居及服务的高科技公司。</p>
   </span></div>
   <div class="shang">
    <span class="five"><h1>工业技术</h1>
        <p class="zhi">美的工业技术以科技为核心驱动力，聚合智慧交通、工业自动化、绿色能源和消费电器四大领域的核心科技力量，专业化研发、生产、销售压缩机、电机、芯片、汽车部件、电子膨胀阀、变频器、伺服及运动控制系统、减速机、散热部件和SVG等高精密核心部件产品，为全球泛工业客户提供绿色、高效、智慧的产品和技术解决方案，为数十亿终端用户创造美好生活。</p>
   </span>
   <span class="rf"><img src="img/s2.jpg" ></span></div>
   <div class="shang">
    <span class="ltr"><img src="img/s3.jpg"></span>
    <span class="lt"><h1>楼宇科技</h1><p class="zhi">美的楼宇科技，作为负责楼宇产品、服务及相关产业的经营主体，以楼宇数字化服务平台为核心，打通楼宇交通流、信息流、体验流、能源流，为用户提供智能化、数字化、低碳化的楼宇建筑整体解决方案。
    </p>
   </span></div>
   <div class="shang">
    <span class="five"><h1>机器人与自动化</h1>
        <p class="zhi">美的机器人及自动化，主要围绕未来工厂相关领域，包括工业机器人、物流自动化系统及传输系统解决方案，医疗、娱乐、新消费领域解决方案等。</p>
   </span>
   <span class="rf"><img src="img/s4.jpg" ></span></div>
   <div class="shang">
    <span class="ltr"><img src="img/s5.jpg"></span>
    <span class="lt"><h1>数字化创新</h1><p class="zhi">美的数字化创新是美的集团在商业模式变革中孵化的新型业务，包括为企业数字化转型提供软件服务、无人零售解决方案和生产性服务等。</p>
   </span></div>
   <div class="tb">
    <table border="0px"  >
    <tr align="center">
        <th>所有产品</th><th>企业合作</th><th>服务与帮助</th><th>关注我们</th>
    </tr>
    <tr align="center">
        <td><a href="#">空调</a></td><td><a href="#">企业购</a></td><td><a href="#">附近门店</a></td><td><a href="#">美的智慧家小程序</a></td>
    </tr>
    <tr align="center">
        <td><a href="#">冰箱</a></td><td><a href="#">企业会员购</a></td><td><a href="#">联系我们</a></td><td><a href="#">美的智慧家公众号</a></td>
    </tr>
    <tr align="center">
        <td><a href="#">洗衣机</a></td><td><a href="#">商家入驻</a></td><td><a href="#">帮助中心</a></td><td><a href="#">美的智慧家视频号</a></td>
    </tr>
    <tr align="center">
        <td><a href="#">厨房家电</a></td><td></td><td><a href="#">服务支持</a></td><td></td>
    </tr>
    
    </table>
</div>
<div class="di">
    <div id="datetime"></div>
    版权所有@杜吉利-24201013305
<script src="js/time.js"></script>
</div>
    <script>
        const sliderData = [
            {url:'img/x1.jpg'},
            {url:'img/x2.jpg'},
            {url:'img/x3.jpg'},
            {url:'img/x4.jpg'},
    ]
   
   
const img = document.querySelector('.slider-wrapper img')
const p=document.querySelector('.slider-footer p')
let i=0
setInterval(function(){
    i++
    if(i >= sliderData.length){
        i=0
    }
    console.log(i)
   
    img.src = sliderData[i].url
    p.innerHTML=sliderDatq[i].title
    document.querySelector('.slider-indicator .active').classList.remove('active')
    document.querySelector('.slider-indicator li:nth-child(${i + 1})').classList.add('active')
},1000)

   
     
        
       </script>
 

</body>
</html>